/**
 * Copyright (c) 2008, Julien PORTALIER
 * http://featherphp.googlecode.com/
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 */

/* DOM windows */
.window { width: 500px; min-height: 250px; z-index: 1000; }
.window .border { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 11px solid #CCC;
	opacity: .7; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #CCC; }
.window .wrapper { position: absolute; top: 10px; left: 10px; width: 100%; height: 100%;
	background: #FFF; border: 1px solid #CCC; overflow: hidden; }
.window .titlebar { background: #CCC; color: #333; padding: 4px 10px; font-weight: bold; font-size: 14px; text-align: right; }
.window .titlebar .text { float: left; }
.window .titlebar .buttons a { cursor: pointer; }
.window .content { padding: 10px; overflow: hidden; }

/* DOM pickers */
.picker { border: solid #AAA; border-width: 0 2px 2px 0; }
.picker .wrapper { border: solid #CCC; border-width: 1px 0 0 1px; background: #FFF; padding: .5em; }

/* date picker */
.date-picker { font: normal 10px/1.75 verdana, sans-serif; color: #333; font-size: 10px; }
.date-picker table { text-align: center; border-collapse: collapse; }
.date-picker .date { background: #F4F4F4; }
.date-picker .weekdays { text-transform: uppercase;  }
.date-picker .weekdays td { padding: .5em .5em 0; border-bottom: 1px solid #F4F4F4; color: #888; }
.date-picker td { padding: 0 .5em; color: #07A; }
.date-picker td:first-child { color: #A33; }
.date-picker td.wrong:first-child { color: #A66; }
.date-picker .before, .date-picker .after { cursor: pointer; }
.date-picker .days td { cursor: default; }
.date-picker .wrong { color: #AAA; }
.date-picker .today { background-color: #F4F4F4; }
.date-picker .selected { font-weight: bold; background-color: #FFC; }

/* autocompleter */
.autocomplete { border: 1px solid #CCC; background: #FFF; color: #111; }
.autocomplete ul { list-style: none; padding-left: 0; margin: 0; }
.autocomplete li { padding: .25em; }
.autocomplete .selected { background: #DEF; }

/* messaging */
#message { }
